<template>
  <!--  确认入库信息 -->
  <div id="adduser">
    <el-dialog v-loading="loading" title="申请物品信息" :visible.sync="dialogVisible" top="3vh" width="45%">
      <div style="width:90%;margin: 0 auto;padding-bottom:20px;">
        <decla :act="datas.isDone?4:2"></decla>
        <div style="margin-top:10px;" class="tabbox">
          <span class="sp1"><p class="min">物品名称：</p><a class="man">{{datas.goodsName}}</a></span>
        </div>
        <div style="margin-top:10px;" class="tabbox">
          <span class="sp1"><p class="min">物品类型：</p><a class="man">{{id_name(datas.typeId,$store.state.user.leidata)}}</a></span>
        </div>
        <div style="margin-top:10px;" class="tabbox">
          <span class="sp1"><p class="min">尺寸：</p><a class="man">{{datas.size}}</a></span>
        </div>
        <div style="margin-top:10px;" class="tabbox">
          <span class="sp1"><p class="min">型号：</p><a class="man">{{datas.model}}</a></span>
        </div>
        <div style="margin-top:10px;" class="tabbox">
          <span class="sp1"><p class="min">供应商：</p><a class="man">{{datas.provider}}</a></span>
        </div>
        <div style="margin-top:10px;" class="tabbox">
          <span class="sp1"><p class="min">申请数量：</p><a class="man">{{datas.amount}}</a></span>
        </div>
        <div style="margin-top:10px;" class="tabbox" v-show="datas.goodsSku">
          <span class="sp1"><p class="min">物料编码：</p><a class="man">{{datas.goodsSku}}</a></span>
        </div>
        <div style="margin-top:10px;height:50px" class="tabbox" v-show="datas.remarks">
          <span class="sp1"><p class="min">物品备注：</p><a class="man">{{datas.remarks}}</a></span>
        </div>
        <div style="margin-top:10px;height:50px" class="tabbox">
          <span class="sp1"><p class="min">申请原因：</p><a class="man">{{datas.purpose}}</a></span>
        </div>

      </div>

    </el-dialog>

  </div>
</template>
<script>
  import decla from '@/components/MES/steps/decla.vue'
  export default {
    name: 'decla_shens',
    components:{decla},
    computed:{},
    data() {
      return {
        loading:false,
        dialogVisible:false,
        datas:{
          createdBy:'',//     创建人id
          createdTime:'',//   创建时间
          name:'',//          申请采购的物品名称
          typeId:'',//        型号
          amount:'',//;       数量
          model:'',//;        型号
          size:'',//;         尺寸
          provider:'',//;     供应商
          purpose:'',//;      采购原因
          goodsSku:'',//;     如果仓库中有该物品就填，没有就空着，后台自动生成
          remarks:'',//;      备注
          price:'',//         单价
        },
      }
    },
    props:{

    },
    methods: {
      panertfn(item){
        this.datas = item
        this.Negate();
      },
      Negate(){this.dialogVisible = !this.dialogVisible},//显隐取反
    },
    mounted() {

    }
  }
</script>

<style scoped>
  .man{
    height: 100%;
    padding: 0 10px;
    font-weight: bold;
  }
  .min{
    width:80px;
    text-align:right;
  }
  .sp1{
    float: left;
  }
  .sp2{
    float: right;
  }
  .tabbox{
    width:100%;
    height:40px;
    line-height: 30px;
    margin-top:23px;
  }
  .tabbox p{
    font-size:14px;
    float:left;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    font-family:Source Han Sans CN;
  }
</style>
